@include data-title();
@include info-list(4);
.property-box {
  /deep/.el-row--flex {
    flex-direction: row;
    flex-wrap: wrap;
  }
  padding: 20px;
  /deep/.el-card__header {
    padding: 10px 20px;
  }
  .box-card {
    margin-bottom: 20px;
    min-width: 252px;
    .card-text {
      text-align: center;
      padding: 25px 0;
      color: #666666;
      min-height: 116px;
      h1 {
        color: #1563d1;
        margin-bottom: 15px;
        font-weight: 400;
      }
    }
    .card-flex {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 12px 0 0 0;
      .line {
        width: 1px;
        height: 80px;
        background-color: #bbbbbc;
      }
      h1 {
        color: #dc3747;
      }
      .card-table {
        width: 150px;
        text-align: left;
        td:nth-of-type(3) {
          width: 30px;
          /deep/.el-progress-bar__inner {
            border-radius: 0;
          }
          /deep/.el-progress-bar__outer {
            border-radius: 0;
          }
        }
      }
    }
    .card-circle {
      padding: 0;
    }
  }
  .property-main {
    background-color: #fff;
    padding: 20px 0;
    .main-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 30px;
      padding: 0 20px;
      .el-input {
        width: 180px;
        font-weight: 500;
        /deep/.el-input__icon {
          color: #2f9df3;
        }
      }
      .el-button {
        background-color: #1563d1;
        color: #fff;
      }
    }
    .main-center {
      min-height: 200px;
      .full {
        //padding: 16px 24px;
        dd {
          color: #999;
        }
      }
      /deep/.el-tabs__item {
        height: 100px;
        .center-left {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: 200px;
          text-align: left;
          h3 {
            height: 30px;
          }
          p {
            height: 20px;
            color: #999999;
          }
        }
      }
      /deep/.el-tabs__item.is-active {
        color: #333;
        background-color: #d6f5ff;
      }
      .timeline {
        padding: 20px;
        h3 {
          margin-bottom: 15px;
          color: #333;
        }
        p {
          margin-bottom: 10px;
          color: #666;
        }
      }
    }
  }
  .resource-manage {
    .card-box {
      @include formWrap(4);
      .in_txt {
        color: #999999;
      }
      .table-planning {
        padding: 16px 24px;
      }
    }
  }
}
